<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>废物是怎样炼成的</title>
    <style>
        hr{
            color :black;            
        }
        select{
            align-self:center;
        }
        div #shi{
            font-weight: bold;
            font-size: 18px;
        }
        .img{
            width: 200px;
            height: 200px;
            background-size: 200px auto;
            background-image:url(./微信图片_20250817145726.jpg);
        }
        .vid01{
            width: 600px;
            position:absolute;
            right: 10px;
            top: 400px;
        }
        #shi01{
            list-style-type: none;
            font-size: 28px;
        }
        #xuanze{
            
            position: absolute;
            top: 600px;
            right: 950px;
        }
        #xuanze2{
            width: 300px;
            height: auto;
        }
        #jpg04{
            display: none;
        }
        #j04:hover>#jpg04{
            display: inline-block;
        }
    </style>
</head>
    <table border="1" width="600" cellspacing="0" align="center"  cellpadding="0">
            <caption><h2>自我介绍</h2></caption>
            <tr align="center" bgcolor="pink">
                <td>姓名</td>
                <td>王顺</td>
                <td>性别</td>
                <td>男</td>
                <td rowspan="2" id="j04">
                    照片
                    <img id="jpg04" src="./微信图片_20250823051904.jpg" width="80" alt="王顺顺头像">
                    
                </td>
            </tr>
            <tr align="center">
                <td>籍贯</td>
                <td>郸城</td>
                <td>联系方式</td>
                <td>抖音</td>
                <!-- <td>照片</td> -->
            </tr>
            <tr align="center">
                <td>学校</td>
                <td colspan="4">戒网瘾集中营</td>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr align="center">
                <td>爱好</td>
                <td colspan="4">爱🦌，睡懒觉，打瓦找妈妈</td>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
        </table>
<hr>
    <h1 style="color: chocolate;">燃尽的王顺顺</h1>
    <hr>2025年 8月6号<hr>
    
    <div class="jpg01">
        <img src="./img-01.jpg" width="50%" >

        
        <div class="vid01">
            <h2>王顺顺看了表示非常不错</h2>
            <h2>内容很精彩，少儿不宜</h2>
            <video controls poster="./微信图片_20250817145726.jpg" height="400">
            <source src="./640a3018ea6238f2cebbc6d5d5ec3479.mp4"/>
            </video>
        </div>
    </div>
    <div>
        <audio controls>
        <source src="./猛攻_爱给网_aigei_com.mp3"/>
        </audio>
    </div>
    <div id="xuanze">
            <h3>王顺顺的日常选择：</h3>
            <br>
        <select name="do" id="xuanze2" multiple>
            
            <option value="">晚上玩什么？</option>
            <option value="">🦌</option>
            <option value="">打瓦</option>
            <option value="">刷抖音</option>
            <option value="">睡大觉</option>
            <option value="">干饭</option>
        </select>
    </div>
    <div>
        <h1 align="center">《废物王顺顺》</h1>
        <ul id="shi01" align="center">
            <li>十八青春气正扬，</li>
            <li>王家风度少年郎。</li>
            <li>顺意人生凭勇闯，</li>
            <li>每临瓦场斗志昂。</li>
        </ul>
        <pre id="shi02">
            十八 青春气正扬，<br>
            王 家风度少年郎。<br>
            顺 意人生凭勇闯，<br>
            每临瓦场斗志昂。<br>
        </pre>

    </div>
    <div class="img">
        <pre id="shi">
十八 青春气正扬，<br>
王 家风度少年郎。<br>
顺 意人生凭勇闯，<br>
每临瓦场斗志昂。<br>            
        </pre>
    </div>
</body>
</html>